@charset "utf-8";
	
/*
	--------------------------
	间距清除 
	--------------------------
*/
	
	body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,
	ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,
	form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
	embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,
	blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select
	
									{ 	margin:0; padding:0;	}
	ol,ul 							{ 	list-style:none;		}

	* 								{	
										-webkit-box-sizing: border-box;
										-moz-box-sizing: border-box;
										box-sizing: border-box;
										outline: 0;
									}

/*
	--------------------------
	A标签 配置 
	--------------------------
*/
	a  								{
										text-decoration:none;
										outline:none;
										color: #666;
									}
	
	a:hover 						{	color: #000;			}
	img  							{	border: 0;
										max-width: 100%; 				
									}
	a:focus 						{	outline: none;			}
/*
	--------------------------
	Body 配置 
	--------------------------
*/
	html             				{
										overflow-x:hidden;
										-webkit-text-size-adjust:none;
									}
	body 							{
										-webkit-font-smoothing: antialiased;
										font-family:"Source Han Sans CN";
										background: #fff;
										font-size: 14px;
										color: #484d67;
  										margin-left: auto;
 	 									margin-right: auto;
									}
	
/*
	--------------------------
	表单控件设置 
	--------------------------
*/
	
	table 							{	border-collapse: collapse; width: 100%;	 }
	
	input[type='reset'],
	input[type='button'],
	input[type='submit'],
	input[type='radio'] 			{	cursor: pointer; outline: none;	 -webkit-appearance: none;	     }
	
	input[type='checkbox'],
	input[type='radio'] 	 		{ 
										position: relative;
										vertical-align: middle;
										margin-top: -2px;
										margin-bottom:1px;
										margin-left: 5px;
										margin-right: 5px;
										-webkit-appearance: none;
									}
	
	textarea,
	input[type='email'],
	input[type='date'],
	input[type='password'],
	input[type='text'] 				{	
										padding: 0px;
										color: #666;
										font-size: 12px;
										outline: none;
										font-family: "微软雅黑";
										-webkit-appearance: none;
									}
	
	
/*
	--------------------------
	快捷方式
	--------------------------
*/
	.f-l 							{	float: left;					}
	.f-r 							{	float: right;					}
	.clearfix 						{
									  clear: both;
									}
	.clearfix:after 				{	clear: both;
										height: 0;
										content: "";
										line-height: 0;
										font-size: 0;
										display: block;
									}

body{
	scrollbar-color:  rgba(0,0,0,1) rgba(0,0,0,0); 
	scrollbar-width: thin; 
	-ms-overflow-style:none; 
}
body::-webkit-scrollbar { 
	width: 6px; 
	height: 1px;
}
body::-webkit-scrollbar-thumb { 
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
	background: rgba(0,0,0,1);
}
body::-webkit-scrollbar-track { 
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
	border-radius: 3px;
	background: rgba(255,255,255,0);
}

.mainMd { position: absolute; left:0; top:-67px; width: 1px; height: 1px; opacity: 0; }

@media(max-width:  1024px){
	.mainMd { top:-60px; }
}

/*手机导航*/
/**mobile nav**/
.nav_box {width: 100%;height: 100%;position: fixed;right: auto;top: 0;bottom: 0;left: -100%;overflow: auto;z-index: 99999999;background: #37a9cc;transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;}
.nav_box.cur {left: 0;transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;}
.nav_box .box {/*background: #212222;*/width: 100%;height: 100%;position: relative;z-index: 2;}
.nav_box .nav-title {height: 57px;position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.06);}
.nav_box .nav-title .navclose {width: 22px;height: 22px;display: block;font-size: 0;line-height: 41px;position: absolute;right: 15px;top: 50%;z-index: 2;transform: translateY(-50%);}
.nav_box .nav-title .navclose img {width: 100%;}
.nav_box .nav-title h1 {text-align: left;width: 86px;margin-left: 15px;line-height: 0;padding-top: 11px;}
.nav_box .nav-title h1 img {width: 100%;}
.nav_box .navlist {width: 100%;padding-bottom: 20px;}
.nav_box .navlist ul>li {float: left;width: 100%;font-size: 16px;line-height: 60px;border-bottom: 1px solid rgba(255, 255, 255, .06);padding: 0 15px;text-transform: capitalize;}
.nav_box .navlist ul>li>a {display: block;color: #fff;position: relative;}
.nav_box .navlist ul>li>a.sub:before {content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 8px;height: 14px;background: url(../images/jtwhite.png) no-repeat center center / cover;}
.nav_box .navlist ul>li .navlist2 {border-top: 1px solid rgba(255, 255, 255, .06);display: none;padding: 10px 0;}
.nav_box .navlist ul>li .navlist2 a {display: block;width: 100%;color: #fff;font-size: 14px;line-height: 34px;}

.nav_box { display: none!important;}
@media(max-width:  1024px){
    .nav {display: inline-block;}
    .navR .search { display: none; }
    .header .lang p,.fixed-head .header .lang p,.fixed-headA .header .lang p { color:rgba(255,255,255,0.6); position: relative; background: url(../images/langbg.png) no-repeat right center; }
    .header .navBtn { height: 50px; margin-top:-1px; float: left; left:3%; }
    .header .lang p:after { display: none; }
    .menu-i {
        height: 2px;
        right: 10px;
        position: absolute;
        border-radius: 1px;
        font-style: normal;
        background-color: #fff;
        display: block;
        transition: all 0.5s;
        border-radius: 2px;
    }
	.fixed-head .menu-i { background: #999;}
	.fixed-headA .menu-i { background: #999;}
    .menu-i-1 {
        width: 24px;
        top: 13px;
    }
    .menu-i-2 {
        width: 32px;
        top: 23px;
    }.menu-i-3 {
        width: 24px;
        top: 33px;
    }
    .mobile-menu {
        width: 50px;
        height: 50px;
        position: relative;
        display: block;
        background: none;
        border: none;
    }
    .mobile-menu-on {
        z-index: 1001;
    }
    .mobile-menu-on .menu-i-1 {
        transform: translateY(10px) rotate(45deg);
        background-color: #999;
    }
    .mobile-menu-on .menu-i-2 {
        opacity: 0;
    }
    .mobile-menu-on .menu-i-3 {
        transform: translateY(-10px) rotate(-45deg);
        background-color: #999;
    }
    .nav_box { display: block!important; top: 50px; width: 100%; left:-100%; border-top: 1px solid rgba(255,255,255,0.2); height: calc(100% - 50px); }
    .nav_box { background: #00aeeb; }
    .bgGreen { background: #00aeeb; }
    .nav_box .navlist { padding-top: 10px; }
    .nav_box .navlist ul>li { border:none; line-height: 50px; }
    .navSear { margin-top: 30px; padding: 0 15px;}
    .navSear .search { padding-top: 20px; border-top:1px solid rgba(255,255,255,0.3); }

    .navSear .search .subsearch { z-index: 9;}
    .navSear .search .subsearch .subsearcha { border-radius: 3px;position: relative; padding-left: 30px; height: 30px;}
    .navSear .search .subsearch .subsearcha .inp {width: 90%;height: 30px;border: 0; font-size: 14px;color: #fff; padding-left: 0px; background: none; } 
    .navSear .search .subsearch .subsearcha .sub { opacity: 0.7; border: none;outline: none;position: absolute;left: 0px;top: 50%;height: 26px;background: url(../images/searchxa.png) no-repeat left center;font-size: 0;width: 26px;transform: translateY(-50%);}
    .navSear .search:hover .subsearch {display: block;}
    .navSear .search .subsearch .subsearcha .inp:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: rgba(255,255,255,0.7); 
    }
    .navSear .search .subsearch .subsearcha .inp::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: rgba(255,255,255,0.7);
    }
        
    .navSear .search .subsearch .subsearcha .inp:-ms-input-placeholder
     {
        color: rgba(255,255,255,0.7);
    }
        
    .navSear .search .subsearch .subsearcha .inp::-webkit-input-placeholder {
        color: rgba(255,255,255,0.7);
    }


    .nav_box .navlist ul>li .navlist2,.nav_box .navlist ul>li .secondNav .navlist3,.nav_box .navlist ul>li .fourthNav .navlist4 { position: fixed; left:-102%; transition: all 0.6s; display: block; top:50px; width: 100%; height: calc(100% - 50px); background: #00aeeb; z-index: 10000; }
    .nav_box .navlist ul>li .navlist2 a,.nav_box .navlist ul>li .secondNav .navlist3 a,.nav_box .navlist ul>li .fourthNav .navlist4 a { padding: 0 15px; line-height: 50px; font-size: 16px; color:rgba(255,255,255,0.8); }

    .nav_box .navlist ul>li.cur .navlist2,.nav_box .navlist ul>li .secondNav.cur .navlist3,.nav_box .navlist ul>li .fourthNav.cur .navlist4 { left:0; }

    .nav_box .navlist ul>li .backNav { padding: 0 15px; }
    .nav_box .navlist ul>li .backNav span { display: block; padding: 5px 0 5px 25px; border-top: 1px solid rgba(255,255,255,0); background: url(../images/back.png) no-repeat left center; font-size: 18px;color:#fff; border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom: 10px; }
    .nav_box .navlist ul>li a.cur { font-weight: bold; color:#fff!important;  }
}